<template>
	<view v-if="loadding">
		<view class="head">
			<text class="head-price">+{{listData.pay_price}}</text>
			<!-- <text class="head-status">处理中</text> -->
			<text class="head-status" v-if="listData.status == 0">处理中</text>
			<text class="head-status" v-if="listData.status == 1">交易成功</text>
			<text class="head-status" v-if="listData.status == 2">交易失败</text>
		</view>
		<view class="cnetent">
			<view class="item">
				<text>充值方式</text>
				<text class="item-content">微信</text>
				<!-- <text class="item-content" v-if="listData.type==1">微信</text>
				<text class="item-content" v-if="listData.type==2">支付宝</text>
				<text class="item-content" v-if="listData.type==3">银行卡</text> -->
			</view>
			<!-- <view class="item">
				<text>账户</text>
				<text class="item-content">{{listData.bank_number}}</text>
			</view> -->
			<view class="item">
				<text>订单号</text>
				<text class="item-content">{{listData.order_no}}</text>
			</view>
			<view class="item">
				<text>时间</text>
				<text class="item-content">{{listData.create_time}}</text>
			</view>
			<view class="item">
				<text>充值状态</text>
				<text class="item-content-status" v-if="listData.pay_status == 0">充值失败</text>
				<text  v-if="listData.pay_status == 1">充值成功</text>
			</view>
			<!-- <view class="item">
				<text>描述</text>
				<text class="item-content" v-if="listData.descrip ==null">无</text>
				<text class="item-content" v-else>{{listData.descrip}}</text>
			</view>
			<view class="item">
				<text>管理员备注</text>
				<text class="item-content" v-if="listData.remark ==null">无</text>
				<text class="item-content" v-else>{{listData.remark}}</text>
			</view> -->
		</view>
		<view class="null d-c-c p30" v-if="id == '' ">
			<text class="iconfont icon-wushuju"></text>
			<text class="cont">亲，暂无相关记录哦</text>
		</view>
		<!-- <uni-load-more class="not" v-else :loadingType="loadingType"></uni-load-more> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				listData:'',
				id:'',//id
				loadding:false,
				status11:'0'
			};
		},
		onShow() {
			//this.getData();
		},
		onPullDownRefresh() {
			setTimeout( () => {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		onLoad(e) {
			
			if(e.select == 1){
				this.id = e.id;
				this.getData();
			}
		},
		methods:{
			getData(){
				let self = this ;
				if(self.id != ''){
					uni.showLoading({
						title:'加载中'
					});
					self._post('order.order/recharge_order_details',
						{
							id:self.id
						},
						function(res){
							//console.log(res);
							self.listData = res.data.info;
							self.loadding = true;
							uni.hideLoading();
						}
					);
				}
				
			},
		}
	}
</script>

<style lang="scss">
	.nullmsg{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 60rpx;
		background-color: #F4F4F4;
		z-index: 99;
	}
	.null{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0rpx;
		background-color: #F4F4F4;
		z-index: 99;
	}
.head{
	width: 100%;
	text-align: center;
	height: 160rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-top: 2rpx solid #F4F4F4;
}
.head-price{
	margin-top: 30rpx;
	font-size: 36rpx;
	font-weight: 800;
	margin-bottom: 3rpx;
}
.head-status,.item-content{
	color: #999999;
}
.cnetent .item:last-child{
	border: none;
}
.item-content-status{
	color: #FF0000;
}
.item{
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	border-bottom: 2rpx solid #F4F4F4;
	padding: 30rpx 20rpx;
}
.item-content{
	
}
</style>
